<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dog</title>
    <link rel="stylesheet" type="text/css" href="Dogg.css">
</head>

<body>

<div class="header">
    <h1>萌宠后宫</h1>
    <p>欢迎来到宠物世界</p>
</div>

<div class="nabar">
    <a href="#">用品</a>
    <a href="#">服务</a>
    <a href="#">领养</a>
    <a href="#" class="right">其他</a>
</div>

<div class="row">
    <div class="side">
        <h2>狗狗</h2>
        <h5>我的照片：</h5>
        <div class="fakeimg" style="height:200px">这边插入图片</div>
        <p>关于我的介绍...</p>
        <h3>更多内容</h3>
        <p>我的更多内容</p>
        <div class="fakeimg" style="height:60px">这边插入图像</div><br/>
        <div class="fakeimg" style="height:60px">这边插入图像</div><br/>
        <div class="fakeimg" style="height:60px">这边插入图像</div>
    </div>
    <div class="main">
        <h2>标题</h2>
        <h5>副标题</h5>
        <div class="fakeimg" style="height:200px">图片</div>
        <p>一些文本...</p>
        <p>菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！</p>
        <br/>
        <h2>标题</h2>
        <h5>副标题</h5>
        <div class="fakeimg" style="height:200px">图像</div>
        <p>一些文本...</p>
        <p>菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！</p>
    </div>
</div>

<div class="footer">
    <h2>底部内容</h2>
</div>

</body>
</html>